<template>
  <div class="naviga-tion">
    <div class="one">
      <slot name="one"></slot>
    </div>
    <div class="two">
      <slot name="two"></slot>
    </div>
    <div class="three">
      <slot name="three"></slot>
    </div>
    <div class="four">
      <slot name="four"></slot>
    </div>
    <div class="five">
      <slot name="five"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "NavigaTion",
};
</script>

<style scoped>
.naviga-tion {
  width: 100%;
  display: flex;
  background-size: cover;
}

.naviga-tion div{
    flex:1;
    width:20%;
}
</style>